<html>
  <head>
	
    <meta name="apple-mobile-web- app-capable" content="yes" />
    <meta name="viewport" content="width=device-width" />
    <link rel="apple-touch-icon" href="supermapsthumb.png" />
    <link rel="stylesheet" href="stylesheets/index.css" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="ciui/CiUI.css" />
    <script src="ciui/CiUI.js" type="text/javascript"></script>
    <title>List Info</title>
    <style>
    #sharebutton{
    	position:absolute;
    	top:40px;
    	padding: 10px 10px 5px 10px;
    	text-align:center;
    	position:absolute;
    	width:120px;
    	height:20px;
    	border: 0.5px solid black;
    	-webkit-border-radius:10px;
    	-webkit-box-shadow: lightgreen 0px 0px 30px;
    	background-color:green;
    	font-size:1.0em;
    	font-family:American Typewriter;
    	color:white;
    }
    #onthegobutton{
    	position:absolute;
    	top:40px;
    	left: 170px;
    	padding: 10px 10px 5px 10px;
    	text-align:center;
    	position:absolute;
    	width:120px;
    	height:20px;
    	border: 0.5px solid black;
    	-webkit-border-radius:10px;
    	-webkit-box-shadow: lightgreen 0px 0px 30px;
    	background-color:green;
    	font-size:1.0em;
    	font-family:American Typewriter;
    	color:white;
    }
    #mapviewbutton{
    	position:absolute;
    	top:90px;
    	left: 0px;
    	padding: 10px 10px 5px 10px;
    	text-align:center;
    	position:absolute;
    	width:120px;
    	height:20px;
    	border: 0.5px solid black;
    	-webkit-border-radius:10px;
    	-webkit-box-shadow: lightgreen 0px 0px 30px;
    	background-color:green;
    	font-size:1.0em;
    	font-family:American Typewriter;
    	color:white;
    }
    #editbutton{
    	position:absolute;
    	top:90px;
    	left: 170px;
    	padding: 10px 10px 5px 10px;
    	text-align:center;
    	position:absolute;
    	width:120px;
    	height:20px;
    	border: 0.5px solid black;
    	-webkit-border-radius:10px;
    	-webkit-box-shadow: orange 0px 0px 30px;
    	background-color:red;
    	font-size:1.0em;
    	font-family:American Typewriter;
    	color:white;
    }
    </style>
    <?php
      include('./varsandfunctions.php');
    ?>
    <script type="text/javascript" charset="utf-8">
      $(document).ready(function(){
				$('#list_button').click(function(){         
				   
				});	
			});
    </script>
  </head>

  <body>
    <?php
      include('./navbar.html');
    ?>
    <div id="iphone_body" style="clear:both;">
      <div id="iphone_header">
        <div id="backbutton">
          <a href="lists.php" class="go_back"><img src="ciui/images/back_button.png" border="0" align="left" style="margin: 3px;height: 28px; width:50px;"/></a>
        </div>
        <div id="iphone_title">List Info</div>
      </div>
  
      <a href="sharewith.php" style="text-decoration:none;"><div id='sharebutton'> share with... </div></a>
      <a href="mapview.php" style="text-decoration:none;"><div id='mapviewbutton'> mapview </div></a>
      <a href="onthegoOptions.php" style="text-decoration:none;"><div id= 'onthegobutton'>on-the-Go</div></a>
      <div id='editbutton'> edit </div>
      <br><br><br><br><br>

    	<div style="position:relative; top: 10px; left:10px; font-size: 1.2em; font-family:american typewriter">Locations<div/>
	
    	<?php
          $list_id = $_POST[listinfo_id];
          $list = getList($list_id);
          $locations = getListLocations($list_id);

          echo('<ul class="menu">');
          foreach($locations as $location) {
            echo('<li><form method="post" action="itemmapview.php">
            <input type="hidden" name="location_id" value="'.$location[id].'">
            <input type="hidden" name="location_id" value="'.$location[id].'">
            <input class="list_button" type="submit" id="list_button" value="'.$location[name].'"></form></li>');
          }
          echo('</ul>');
        ?>
    	<br style="clear:both"/>
    </div>
	
	
  </body>
</html>